<template>
    <div class="docker">
        <ul>
            <router-link to="/">
                <li>
                    <div></div>
                    首页
                </li>
            </router-link>
            <router-link to="/cart">
                <li>
                    <div></div>
                    购物车
                </li>
            </router-link>
            <router-link to="/order">
                <li>
                    <div></div>
                    订单
                </li>
            </router-link>
            <router-link to="/mine">
                <li>
                    <div></div>
                    我的
                </li>
            </router-link>
        </ul>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

.docker {
    position:fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 3.75rem;
    height: 0.49rem;

    ul {
        width: 3.75rem;
        height: 0.49rem;
        display: flex;
        justify-content: space-around;
        align-content: space-around;
        text-align: center;
        background-color: white;

        li>div {
            width: .3rem;
            height: .3rem;
            background-color:aliceblue;
        }

    }
}
</style>